import React , { Component } from "react"
import { images } from "../../../../assets"

import "./fund-section.scss"

export class FundSection extends Component{

  render() {
    return(
      <div className="fund-section-wrap">
        <div className="fund-section-container">

          <div className="info">
            <span className="title float-l">体育钱包</span>
            <span className="another-balance float-r">其他游戏钱包余额 ¥0.00元</span>
          </div>

          <div className="about-wallet">
            <div className="sport-balance float-l">
              <span className="balance">¥4589.00</span>
              <img  className="amount-refresh" alt="" src={images.mine.icons.amountRefresh}/>
            </div>
            <div className="go-to-tansfer float-r">点击转账</div>
          </div>

          <div className="transactions">
            <div className="recharge">
              <span className="text float-r">充值</span>
              <img className="float-r" src={images.mine.icons.recharge} alt=""/>
            </div>
            <div className="withdraw">
              <img src={images.mine.icons.withdraw}  alt=""/>
              <span className="text">提现</span>
            </div>
          </div>
        </div>

      </div>
    )
  }
}
